div{
    height: 700px;
    border: 1px solid rgba(0,0,0,0.5);
    text-align: center;
    line-height: 500px;
    font-size: 25px;
}
#id1{
    background-color: pink;
}
#id2{
    background-color: skyblue;
}
#id3{
    background-color: green;
}
#id4{
    background-color: goldenrod;
}
#id5{
    background-color: gray;
}
#id6{
    background-color: plum;
}
#id7{
    background-color: crimson;
}
ul{
    width: 82px;
    height: 498px;
    border: 1px solid rgba(0,0,0,0.3);
    position: fixed;
    right: 20px;
    top: 20px;
    background-color: white;
}
li{
    width: 80px;
    height: 70px;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    line-height: 60px;
    text-align: center;
    color: black;
}
.last{
    border-bottom: none;
}
li:hover{
    background-color: #af0812;
    color: white;
}